/*pro*/
.pro{padding: 50px 0 0px;}
.pro h2{margin-bottom: 40px;}
.pro_l{float: left;width: 290px;}
.pro_t{height: 120px;background: url(../images/9f2f402f9cb74ae3857970f7144f31b8_10.jpg) no-repeat;;text-align: center;font-weight: normal;color: #fff;}
.pro_t b{display: block;font-size: 32px;line-height: 32px;padding: 40px 0 0;}
.pro_t i{display: block;font-size: 13px;line-height: 24px;text-transform: uppercase;opacity: 0.3;}
.pro_ctg{background: #f2f2f2;height: 731px;overflow:hidden;}
.pro_ctg h3{height: 64px;line-height: 64px;border-top: 1px solid #fafafa;border-bottom: 1px solid #d1d1d1;font-weight: normal;}
.pro_ctg h3 a{display: block;padding-left: 70px;font-size: 16px;color: #333;}
.pro_ctg h3.on{background: url(../images/9f2f402f9cb74ae3857970f7144f31b8_8.png) no-repeat 30px center;}
.pro_ctg h3.on a{font-size: 20px;font-weight: bold;}
.pro_ctg h3:last-child{border: 0;}
.pro_erji{display: none;}
.pro_erji p{padding: 13px 0;border-top: 1px solid #fafafa;border-bottom: 1px solid #d1d1d1;}
.pro_erji a{display: block;font-size: 16px;color: #333;line-height: 28px;padding-left: 70px;}
.pro_erji a:hover{color: #004098;}
.pro_l .tel{height: 126px;padding-left: 64px;color: #fff;background: url(../images/9f2f402f9cb74ae3857970f7144f31b8_6.jpg) no-repeat;background-size: cover;}
.pro_l .tel span{display: block;font-size: 26px;line-height: 26px;padding: 38px 0 14px;}
.pro_l .tel em{display: block;font-size: 24px;color: #fff;line-height: 26px;font-weight: bold;font-family: Californian FB,Arial;background: url(../images/tel2.png) no-repeat left center;padding-left: 34px;letter-spacing: 2px;}
.pro_r{float: right;width: 890px;}
.pro_r dl{height: 400px;}
.pro_r dt{float: left;width: 400px;height: 400px;overflow: hidden;}
.pro_r dt img{width: 400px;height: 400px;transition: all 0.5s;}
.pro_r dt:hover img{transform: scale(1.05);}
.pro_r dd{float: right;width: 490px;padding-left: 30px;background: #f7f7f7;height: 400px;border: 1px solid #d9d9d9;box-sizing: border-box;border-left: 0;}
.pro_r dd h4{font-size: 38px;color: #333;line-height: 38px;padding: 65px 0 22px;position: relative;}
.pro_r dd h4:after{position: absolute;width: 50px;height: 4px;background: #004098;content: "";left: 0;bottom: 0;}
.pro_r dd h4 i{display: block;font-size: 18px;color: #333;line-height: 18px;padding-top: 11px;font-weight: normal;}
.pro_r dd p{font-size: 14px;color: #333;line-height: 24px;padding: 16px 0 18px;width: 446px;}
.pro_r dd .more{display: block;width: 190px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;padding-left: 30px;background: url(../images/9f2f402f9cb74ae3857970f7144f31b8_4.png) no-repeat 86px center #e72626;border-radius: 0 0 10px 0;transition: all 0.5s;}
.pro_r dd .more:hover{background-position: 96px center;}
.hot_t{padding: 22px 0 0;height: 60px;background: url(../images/hot_t.png) no-repeat 136px 24px;}
.hot_t b{float: left;font-size: 26px;color: #2b2728;line-height: 26px;text-align: center;}
.hot_t b i{display: block;font-size: 10px;color: #9a9a9a;line-height: 18px;text-transform: uppercase;font-weight: normal;}
.hot_t a{float: right;font-size: 14px;color: #323232;line-height: 40px;}
.pro_r li{float: left;width: 285px;height: 285px;margin-right: 17px;overflow: hidden;position: relative;margin-bottom: 20px;}
.pro_r li img{width: 285px;height: 285px;transition: all 0.5s;}
.pro_r li:hover img{transform: scale(1.05);}
.pro_r li span{position: absolute;left: 18px;top: 15px;font-size: 20px;color: #313131;line-height: 26px;}
.pro_r li span i{display: block;font-size: 10px;color: #9a9a9a;line-height: 24px;text-transform: uppercase;}
.pro_r li:nth-child(3n){margin-right: 0;}
.pro_r li em{position: absolute;width: 28px;height: 28px;background: url(../images/9f2f402f9cb74ae3857970f7144f31b8_2.png) no-repeat center #bfbfbf;border-radius: 100%;left: 20px;bottom: 50px;transition: all 0.3s;}
.pro_r li:hover em{background-color: #e72626;}
.tit{text-align: center;font-weight: normal;}
.tit b{display: block;font-size: 58px;color: #1a1a1a;line-height: 58px;}
.tit i{display: block;font-size: 22px;color: #333;line-height: 22px;padding-top: 14px;}

.f_bq{width: 350px;height: 120px;}
.f_bq p{float: left;font-size: 14px;color: #aeaeae;line-height: 28px;}
.f_bq p span{padding: 0 10px;}
.f_bq p a{color: #aeaeae;}
.f_logo{width: 590px;}
.f_logo img{width: 300px;height: 70px;}
.f_logo p{font-size: 18px;color: #fff;line-height: 30px;padding: 5px 0 0;letter-spacing: 6px;}
.f_wb{width: 350px;padding: 20px 0 0;}
.f_wb ul li{width: 50px;height: 50px;float: left;padding-right: 25px;position: relative;}
.f_wb ul li a{display: block;width: 50px;height: 50px;float: left;background: #242424;border-radius: 50%;}
.f_wb ul li a:hover{background: #e72626;}
.f_wb ul li img{width: 49px;height: 49px;}
.f_wb ul li em{display: none;width: 100px;height: 100px;position: absolute;top: -25px;left: 70px;}
.f_wb ul li em img{width: 100px;height: 100px;}
.f_wb ul li:hover em{display: block;}
.f_er{height: 380px;width: 140px;padding: 20px 0 0;}
.f_er p{width: 112px;height: 112px;padding: 14px; background:url(../images/f_erbg.png) no-repeat;margin-bottom: 30px;}
.f_er img{ width:112px; height:112px;}
  

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 74px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #e83227;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #e83227;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }